<template>
  <div>
    <div class="myPage">
      <!-- 身份卡 -->
      <div class="myCard">
        <div class="logo">
          <div class="text">OMINI.BASS</div>
        </div>
        <div class="schoolname">
          千峰大学
          <div class="cirle"></div>
        </div>
      </div>
      <!-- 功能列表 -->
      <div class="list">
        <van-cell title="个人信息" is-link to="personMassage" />
        <van-cell title="修改密码" is-link to="changePassword" />
        <van-cell title="角色切换" is-link to="" />
        <van-cell title="检查更新" is-link to="" value-class="V6.0.1" />
        <van-cell title="设置" is-link to="" />
        <van-button type="primary" @click="returnLogin" block
          color="linear-gradient(to right,  rgb(108, 182, 255), rgb(59, 190, 238))"
          style="width: 60vw;margin-left: 20vw;margin-top: 6vh;height: 5vh;">退出登录</van-button>
      </div>


    </div>

  </div>
</template>

<script setup lang="ts">

import { useRouter } from 'vue-router';
import { showConfirmDialog } from 'vant';

const router = useRouter()
const returnLogin = () => {

showConfirmDialog({
  message:
    '您确认要退出当前用户吗',
})
  .then(() => {
    router.replace("/login")
  })
  .catch(() => {

  });
}
</script>
<style lang="scss" scoped>
@import "./myPage.scss";
</style>
